var loginBtn = document.querySelector('#loginbtn');
var reBtn = document.querySelector('#reBtn');
var buyca = document.querySelector('.buyCa');



// ajax请求数据

async function getList() {
  let res = await pAjax({
    async: false,
    url: './php/scenics.php',
    data: {
      pid: 2
    },
    dataType: 'json'
  })
  let data1 = res.data;
  // 遍历data
  let str = '';
  data1.forEach(item => {
    str += `<li>
    <img src="${item.imgpath.split('==========')[0]}" alt="">
      <h4>${item.name}</h4>
      <div>
        <span>${item.price}</span>
        <span class="addbuy" data-id=${item.id}>加入购物车</span>
      </div>
    </li>`

  })
  document.querySelector('#recommend').innerHTML = str;
  let itemLi = document.querySelectorAll('.recommend-item li');
  for (let i = 0; i < itemLi.length; i++) {
    itemLi[i].onclick = function (e) {
      // 给列表页的.list的div绑定点击事件，帮ul中的li的a标签
      if (e.target.className === 'addbuy') {
        // 将商品的id存储在sessionStorage
        sessionStorage.setItem('goodsId', e.target.dataset.id);
        // 跳转至详情页面
        location.assign("./shopindex.html")
      }
    }
  }
}
getList()

window.onload = function () {
  loginBtn.onclick = function () {
    location.assign("./login.html")
  }
  reBtn.onclick = function () {
    location.assign("./register.html")
  }
  buyca.onclick = function () {
    location.assign("./buycar.html")
  }
}
// $(window).scroll(function(){
//   if($(window).scrollTop()>500){
//       $('span').css('display','block').click(function(){
//        let n = $(window).scrollTop();
//        let timer = setInterval(function(){
//            n-=20;
//            $(window).scrollTop(n);
//            if($(window).scrollTop()<=0){
//                clearInterval(timer)
//            }
//        })
//       })
//   }else{
//       $('span').css('display','none');
//   }
// })
